<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="javascript" type="text/javascript" src="DateTimePicker.js">
</script>
<title>Leave Application Form</title>

</head>
<body>

	
		<%@ include file="Header.jsp"%>
		<table cellspacing="2" cellpadding="1" border="1" align="center" width="100%">
		<tr>
			<td width="300px" style="vertical-align: top"><%@ include file="Menu.jsp"%></td>
			<td>
				<form name="leaveApplicationForm"
					action="/LeaveApplicationSystem/ApplyLeaveServlet" method="POST">
					<h3><u>Leave Application Form</u></h3>
					<br>
					<font color="red" size="3">${requestScope.errorMessage}</font>
					<table class="style1" width="100%">
						<tr>
							<td width="100">Leave Type</td>
							<td width="300">
								<input type="radio" name="leavetype" value="1" <c:if test='${requestScope.leave.leaveTypeId == 1}'>checked</c:if>/>Annual&nbsp;
								<input type="radio" name="leavetype" value="2" <c:if test='${requestScope.leave.leaveTypeId == 2}'>checked</c:if>/>Medical &nbsp;
								<input type="radio" name="leavetype" value="3" <c:if test='${requestScope.leave.leaveTypeId == 3}'>checked</c:if>/>Compensation</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td>From Date</td>
							<td><input id="Text1" type="text" name="fromDate" value="${requestScope.leave.leaveStartDate}"/>
							<a href="javascript:NewCal('Text1','ddMMyyyy')"><img src="cal.gif" width="16" height="16" border="0" alt=""></a>
	  		<span class="descriptions"></span>
							</td>
						</tr>
						<tr>
							<td>To Date</td>
							<td><input id="Text2" type="text" name="toDate" value="${requestScope.leave.leaveStartDate}"/>
							<a href="javascript:NewCal('Text2','ddMMyyyy')"><img src="cal.gif" width="16" height="16" border="0" alt=""></a>
	  		<span class="descriptions"></span>
							</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td>Remark</td>
							<td><textarea name="remark" cols="25" rows="7">${requestScope.leave.leaveReason}</textarea></td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td><input type="hidden" name="leaveid" value="${requestScope.leave.leaveId}"/></td>
							<td><input type="submit" name="submit" value="Proceed" /></td>
							<td>&nbsp;</td>
						</tr>
					</table>

				</form></td>
		</tr>
	</table>
</body>
</html>